<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/news.css">

    <script src="js/jquery.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <script src="js/footer.js"></script>
    <title>校园资讯</title>
    <style>
        .input-search span {
            position: absolute;
            top: 19px;
            right: 30px;
            cursor: pointer;
        }
        
        .search {
            border-color: #d8d7d7;
        }
    </style>
</head>

<body>
    <!-- header模块 -->
    <div class="header">
        <div class="w">
            <div class="logo fl">
                <a href="index.html"><img src="images/logo.png" alt=""></a>
            </div>
            <!-- 登录注册按钮 -->
            <div class="fr">
                <a href="javascript:;" class="login">登录/注册</a>
            </div>
            <ul class="fr">
                <li>
                    <a href="index.html">首页</a>
                </li>
                <li>
                    <a href="study.html">学习中心</a>
                </li>
                <li class="active">
                    <a href="news.html">校园资讯</a>
                </li>
                <li>
                    <a href="personal-course.html">个人中心</a>
                </li>
                <li>
                    <a href="message.html">留言</a>
                </li>
            </ul>
        </div>
    </div>
    <!-- banner模块 -->
    <div class="banner"></div>
    <!-- 路径导航 -->
    <div class="news-nav">
        <div class="w">
            <span class="glyphicon glyphicon-home fl" style="padding:17px;"></span>
            <ol class="breadcrumb fl">
                <li><a href="index.html">网站首页</a></li>
                <li class="active">校园资讯</li>
            </ol>
            <!-- 搜索框 -->
            <div class="input-search fr">
                <input type="search" class="search" id="search" placeholder="搜索...">
                <span class="glyphicon glyphicon-search"></span>
            </div>
        </div>
    </div>

    <!-- 主体模块 -->
    <div class="news-main">
        <div class="w">
            <!-- 资讯列表 -->
            <div class="news-list fl">
                <ul>
                    <li>
                        <div class="media">
                            <div class="media-left">
                                <a href="news-detail.html">
                                    <img class="media-object" src="images/news-detail1.png" alt="">
                                </a>
                            </div>
                            <div class="media-body">
                                <h4 class="media-heading">
                                    <a href="news-detail.html">学校启动系列学英雄志愿服务活动</a></h4>
                                <p> 为大力弘扬奉献、友爱、互助、进步的志愿者精神，3月4日，校团委开展以“践行英雄精神，战‘疫’志愿在行动”为主题的学英雄志愿服务活动正式启动。...</p>
                                <span class="glyphicon glyphicon-calendar"></span>
                                <i>2021-11-29</i>
                                <span class="glyphicon glyphicon-user"></span>
                                <i>admin</i>
                                <span class="glyphicon glyphicon-eye-open"></span>
                                <i>147</i>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="media">
                            <div class="media-left">
                                <a href="javascript:;">
                                    <img class="media-object" src="images/news-detail3.png" alt="">
                                </a>
                            </div>
                            <div class="media-body">
                                <h4 class="media-heading">
                                    <a href="news-detail.html">“停课不停教，停课不停学”：学校在线教学全面开启</a></h4>
                                <p>2月24日，我校万名师生齐聚“云端”，正式开启线上教学。线上教学第一天，全校在线开课367门，254位教师开展线上教学，上线学习的学生达18000多人次。全面实施线上教学，是我校教学的一次全新尝试，是疫情防控工作赋予学校的特殊使命...</p>
                                <span class="glyphicon glyphicon-calendar"></span>
                                <i>2021-11-29</i>
                                <span class="glyphicon glyphicon-user"></span>
                                <i>admin</i>
                                <span class="glyphicon glyphicon-eye-open"></span>
                                <i>147</i>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="media">
                            <div class="media-left">
                                <a href="news-detail.html">
                                    <img class="media-object" src="images/new-banner1.png" alt="">
                                </a>
                            </div>
                            <div class="media-body">
                                <h4 class="media-heading">
                                    <a href="javascript:;">新冠肺炎家庭聚集性疫情预防指南</a></h4>
                                <p>新型冠状病毒肺炎是一种急性肺炎，其病原体是一种先前未在人类中发现的新型冠状病毒，即 2019 新型冠状病毒。2020年2月7日，国家卫健委决定将“新型冠状病毒感染的肺炎”暂命名为“新型冠状病毒肺炎”，简称“新冠肺炎”...</p>
                                <span class="glyphicon glyphicon-calendar"></span>
                                <i>2021-11-29</i>
                                <span class="glyphicon glyphicon-user"></span>
                                <i>admin</i>
                                <span class="glyphicon glyphicon-eye-open"></span>
                                <i>147</i>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="media">
                            <div class="media-left">
                                <a href="news-detail.html">
                                    <img class="media-object" src="images/news-detail1.png" alt="">
                                </a>
                            </div>
                            <div class="media-body">
                                <h4 class="media-heading">
                                    <a href="news-detail.html">学校启动系列学英雄志愿服务活动</a></h4>
                                <p> 为大力弘扬奉献、友爱、互助、进步的志愿者精神，3月4日，校团委开展以“践行英雄精神，战‘疫’志愿在行动”为主题的学英雄志愿服务活动正式启动。...</p>
                                <span class="glyphicon glyphicon-calendar"></span>
                                <i>2021-11-29</i>
                                <span class="glyphicon glyphicon-user"></span>
                                <i>admin</i>
                                <span class="glyphicon glyphicon-eye-open"></span>
                                <i>147</i>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="media">
                            <div class="media-left">
                                <a href="news-detail.html">
                                    <img class="media-object" src="images/new-banner1.png" alt="">
                                </a>
                            </div>
                            <div class="media-body">
                                <h4 class="media-heading">
                                    <a href="javascript:;">“停课不停教，停课不停学”：学校在线教学全面开启</a></h4>
                                <p>2月24日，我校万名师生齐聚“云端”，正式开启线上教学。线上教学第一天，全校在线开课367门，254位教师开展线上教学，上线学习的学生达18000多人次。全面实施线上教学，是我校教学的一次全新尝试，是疫情防控工作赋予学校的特殊使命...</p>
                                <span class="glyphicon glyphicon-calendar"></span>
                                <i>2021-11-29</i>
                                <span class="glyphicon glyphicon-user"></span>
                                <i>admin</i>
                                <span class="glyphicon glyphicon-eye-open"></span>
                                <i>147</i>
                            </div>
                        </div>
                    </li>
                </ul>
                <!-- 分页 -->
                <div class="row">
                    <div class="col-md-2">
                        <div style="float: right;margin-top: 27px">共289条</div>
                    </div>
                    <div class="col-md-10">
                        <nav aria-label="Page navigation">
                            <ul class="pagination">
                                <li class="previous disabled"><a href="javascript:;"><span aria-hidden="true"></span> 上页</a></li>
                                <li><a href="javascript:;">1</a></li>
                                <li><a href="javascript:;">2</a></li>
                                <li><a href="javascript:;">3</a></li>
                                <li><span>...</span></li>
                                <li><a href="javascript:;">14</a></li>
                                <li><a href="javascript:;">15</a></li>
                                <li class="next"><a href="javascript:;">下页 <span aria-hidden="true"></span></a></li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
            <!-- 分类推荐 -->
            <div class="news-right fl">
                <!-- 分类 -->
                <div class="sort">
                    <h1>分类</h1>
                    <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true" style="margin-bottom:0;">
                        <div class="panel panel-default">
                            <div class="panel-heading" role="tab" id="headingOne">
                                <span class="sort-sign"><img src="images/work.png" alt=""></span>
                                <h4 class="panel-title">
                                    <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                实时资讯 <span class="glyphicon glyphicon-chevron-down" style="float:right;"></span>
                              </a>
                                </h4>
                            </div>
                            <div id="collapseOne" class="panel-collapse collapse sort-text" role="tabpanel" aria-labelledby="headingOne">
                                <div class="panel-body" style="padding:5px;">
                                    <ul style="margin-bottom:0;">
                                        <li><a href="javascript:;"><span style="color:#ccccd8; font-size:5px;">■</span> 图文</a></li>
                                        <li><a href="javascript:;"><span style="color:#ccccd8; font-size:5px;">■</span> 疫情防控</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="panel panel-default">
                            <div class="panel-heading" role="tab" id="headingTwo">
                                <span class="sort-sign"><img src="images/culture.png" alt=""></span>
                                <h4 class="panel-title">
                                    <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                校园文化
                              </a>
                                </h4>
                            </div>
                        </div>
                        <div class="panel panel-default">
                            <div class="panel-heading" role="tab" id="headingThree">
                                <span class="sort-sign"><img src="images/hot-news.png" alt=""></span>
                                <h4 class="panel-title">
                                    <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                校园热点
                              </a>
                                </h4>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 最新资讯 -->
                <div class="news-info">
                    <h1>最新资讯</h1>
                    <ul>
                        <li><a href="news-detail.html"><span><img src="images/1.png" alt=""></span> 学校启动系列学英雄志愿... <i class="tag-hot">热</i></a></li>
                        <li><a href="javascript:;"><span><img src="images/2.png" alt=""></span> 新冠肺炎防护手册</a></li>
                        <li><a href="javascript:;"><span><img src="images/3.png" alt=""></span> “停课不停教，停课不停学” </a></li>
                        <li><a href="javascript:;"><span><img src="images/4.png" alt=""></span> 新冠肺炎家庭聚集性...  <i class="tag-new">新</i> </a></li>
                        <li><a href="news-detail.html"><span><img src="images/5.png" alt=""></span> 学校启动系列学英雄志愿... </a></li>

                    </ul>
                </div>
                <!-- 为您推荐 -->
                <div class="recommend">
                    <h1>为您推荐</h1>
                    <ul>
                        <li>
                            <img src="images/news-detail3.png" alt="">
                            <a href="news-detail.html">学校启动系列...</a>
                        </li>
                        <li>
                            <img src="images/news-detail1.png" alt="">
                            <a href="javascript:;">新冠肺炎家庭...</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <!-- footer模块 -->
    <div class="footer">
        <div class="w">
            <div class="top">
                <div class="fl">
                    <div class="logo">
                        <a href="index.html"><img src="images/logo.png" alt=""></a>
                    </div>
                    <h5>用户在高强度、压抑的学习中，可以分享学习成果，记录心情!</h5>
                </div>
                <div class="fl">
                    <ul>
                        <li>
                            <h3>关于我们</h3>
                            <a href="javascript:;">集团概况</a>
                            <a href="javascript:;">集团部门</a>
                            <a href="javascript:;">发展历史</a>
                            <a href="javascript:;">法律条款</a>
                        </li>
                        <li>
                            <h3>联系我们</h3>
                            <a href="javascript:;">常见问题</a>
                            <a href="javascript:;">意见反馈</a>
                            <a href="javascript:;">资讯投稿</a>
                            <a href="javascript:;">加入我们</a>
                        </li>
                        <li>
                            <h3>关注我们</h3>
                            <div class="wechat">
                                <img src="images/wechat.png" alt="" id="wechat">
                            </div>
                            <div class="weibo">
                                <img src="images/weibo.png" alt="" id="weibo">
                            </div>
                        </li>
                        <li style="margin-right:0;">
                            <h3>友情链接</h3>
                            <a href="javascript:;">Study课堂</a>
                            <a href="javascript:;">Study集团</a>
                            <a href="javascript:;">Study</a>
                        </li>
                    </ul>
                </div>
                <div class="code" id="code">
                    <img src="images/code.png" alt="">
                </div>
                <span class="angle" id="angle"></span>
            </div>
            <div class="bottom">
                <div>
                    广西来宾市兴宾区铁北大道966号 邮编:123456 Email:abcdefg@xxx.edu.cn <br>
                </div>
                <div>
                    <a href="javascript:;"> 桂ICP备123456789号 </a> 版权所有 © 广西科技师范学院
                </div>

                <div style="margin-bottom:0;">
                    桂公网安备 1234567890号
                </div>
            </div>
        </div>
    </div>

</body>

</html>